<template>
  <div>
    <div class="flex">
      <van-icon name="arrow-left" size="28" class="mt10" @click="$router.go(-1)" />
      <van-search
        v-model="value"
        show-action
        class="search"
        placeholder="请输入搜索关键词"
        @search="onSearch"
      >
        <template #action>
          <van-button type="info" size="mini" @click="onSearch">搜索</van-button>
        </template>
      </van-search>
    </div>
    <div class="p20">
      <div class="flex-b">
        <div class="f16 fb">历史搜索</div>
        <van-icon name="delete" class="mt5" size="22" />
      </div>
      <div class="pw20 mt10">
        <div class="flex">
          <van-icon name="clock-o" size="20" />
          <span class="f16 ml10">aaa</span>
        </div>
      </div>
      <div class="mt20">
        <div class="f16 fb">热门搜索</div>
        <div class="mt10">
            <van-tag type="primary" class="ml10 mt10">光伏电价新政</van-tag>
            <van-tag type="primary" class="ml10 mt10">光新政</van-tag>
            <van-tag type="primary" class="ml10 mt10">政</van-tag>
            <van-tag type="primary" class="ml10 mt10">光伏电价新政</van-tag>
            <van-tag type="primary" class="ml10 mt10">光伏电价新政</van-tag>
            <van-tag type="primary" class="ml10 mt10">光伏电价新政</van-tag>
        </div>
      </div>
    </div>
  </div>
</template>

<script>
export default {
  data() {
    return {
      value: ""
    };
  },
  methods: {
    onSearch() {}
  }
};
</script>

<style scoped>
.search {
  width: 400px;
}
</style>